<template>
    <div class="hello">
        <div class="content-top">
            <!-- 1 -->
            <!-- 2 -->
            <div class="center" v-loading="loading" element-loading-background="rgba(0, 0, 0, 0.5)">
                <iframe
                    id="iframeOne"
                    class="iframeOne"
                    src="static/charting_library-master/index.html"
                    frameborder="0"
                    scrolling= no
                ></iframe>
            </div>
            <!-- 3 -->
        </div>
    </div>
</template>

<script>
export default {
    name: "hello",
    data: function() {
        return {
            loading: true
        };
    },
    created() {
        this.loading = true;
        setTimeout(() => {
            this.loading = false;
        }, 1000);
    },
    mounted() {},
    methods: {}
};
</script>
<style lang="less" scoped>
#iframeOne {
    width: 100%;
    height: 1380px;
}
.iframeOne::-webkit-scrollbar {
    display: none;
}
.center {
    padding: 10px;
    background-color: #232546;
    box-sizing: border-box;
    margin: 0 auto;
    width: 100%;
}
</style>


